<div class="container">

  <div class="row justify-content-center">
    <div class="col-md-8 logo-center">
      <a class="navbar-brand" href="/">
        <img src="/assets/uploads/sonicjs-logo-white.svg" alt="" width="600">
      </a>
    </div>
  </div>
  <div class="row justify-content-center">
    <div class="col-md-6">

      <form action="/register-admin" method="post">

        <div class="card mx-4">
          <div class="card-body p-4">
            <h1>Setup</h1>


            {{#if data.message }}
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
              <strong>Error!</strong> {{{ data.message }}}
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            {{/if}}

            <p class="text-muted">Website Details</p>
            <div class="input-group mb-3">
              <div class="input-group-prepend">
                <span class="input-group-text">
                  <i class="icon-globe"></i>
                </span>
              </div>
              <input class="form-control" type="text" name="title" id="title" placeholder="Website Title, ie: Acme Engineering">
            </div>
            <hr>

            <p class="text-muted">Create your {{{ data.registerMessage }}} account</p>
            <div class="input-group mb-3">
              <div class="input-group-prepend">
                <span class="input-group-text">@</span>
              </div>
              <input class="form-control" type="text" name="email" id="email" placeholder="Email">
            </div>
            <div class="input-group mb-3">
              <div class="input-group-prepend">
                <span class="input-group-text">
                  <i class="icon-lock"></i>
                </span>
              </div>
              <input class="form-control" type="password" name="password" id="password" placeholder="Password">
            </div>
            <div class="input-group mb-4">
              <div class="input-group-prepend">
                <span class="input-group-text">
                  <i class="icon-lock"></i>
                </span>
              </div>
              <input class="form-control" type="password" name="passwordConfirm" id="passwordConfirm"  placeholder="Repeat password">
            </div>


          </div>
          <div class="card-footer p-4">

            <div class="row">
              <div class="col-12">
                <button class="btn btn-block btn-success" type="submit">Complete Setup</button>
              </div>
            </div>

            {{!-- <div class="row">
            <div class="col-6">
              <button class="btn btn-block btn-facebook" type="button">
                <span>facebook</span>
              </button>
            </div>
            <div class="col-6">
              <button class="btn btn-block btn-twitter" type="button">
                <span>twitter</span>
              </button>
            </div>
          </div> --}}
          </div>
        </div>

      </form>

    </div>
  </div>
</div>